<html>
<head>
  <title>Complex PDF/UA Ordering Testcase</title>
  <meta name="description" content="A complex ordering example"/>
  <style>
  @page {
    size: 200px 200px;
    margin: 0;
  }
  body {
    margin: 0;
    width: 200px;
  }
  </style>
</head>
<body style="font-family: 'TestFont'; font-size: 14px;">
  <p>Please check carefully the reading order of below paragraphs!</p>
  <p>Some <span>very <span>very <span>deeply</span> nested</span> text</span>!</p>
  <p>Some inlines <div>and blocks (with <span>inline</span>)</div> <span>mixed</span> <div>in</div> the same container.</p>
  <p>Some <span>inlines</span>, <div>blocks</div> and <span style="display: inline-block;">inline blocks (with <span>nested</span>)</span>!</p>
  <p>This is a link to <a title="Go to Google!" href="https://google.com">Google (external)</a>. This text should be read after the <span>link</span>.</p>
</body>
</html>
